body {
  display: flex;
  place-content: center;
  place-items: center;
}
body fieldset {
  transition: 250ms;
  padding: 12px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  width: 800px;
  margin-bottom: 10rem;
}
body fieldset:hover {
  transition: 250ms;
  box-shadow: 0 0 3px 2px #f5f5f5;
}
body fieldset:hover > legend {
  transition: 550ms;
  color: #606266;
}
body fieldset legend {
  color: #dcdfe6;
}
body fieldset label {
  color: #606266;
  margin-right: 12px;
}
body fieldset div {
  margin-bottom: 12px;
}
body fieldset input,
body fieldset select,
body fieldset textarea {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  outline: none;
  display: inline-block;
  font-size: inherit;
  cursor: pointer;
}
body fieldset input:hover,
body fieldset select:hover,
body fieldset textarea:hover {
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-color: #c0c4cc;
}
body fieldset input[type='text'],
body fieldset select[type='text'],
body fieldset textarea[type='text'],
body fieldset input[type='password'],
body fieldset select[type='password'],
body fieldset textarea[type='password'],
body fieldset input[type='datetime-local'],
body fieldset select[type='datetime-local'],
body fieldset textarea[type='datetime-local'],
body fieldset input[type='number'],
body fieldset select[type='number'],
body fieldset textarea[type='number'],
body fieldset input[type='email'],
body fieldset select[type='email'],
body fieldset textarea[type='email'],
body fieldset input[id='area'],
body fieldset select[id='area'],
body fieldset textarea[id='area'],
body fieldset input[id='url'],
body fieldset select[id='url'],
body fieldset textarea[id='url'],
body fieldset input[id='month'],
body fieldset select[id='month'],
body fieldset textarea[id='month'],
body fieldset input[id='week'],
body fieldset select[id='week'],
body fieldset textarea[id='week'],
body fieldset input[id='datalist'],
body fieldset select[id='datalist'],
body fieldset textarea[id='datalist'] {
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  width: 40%;
}
body fieldset input[id='area'],
body fieldset select[id='area'],
body fieldset textarea[id='area'] {
  width: 44%;
  color: #c0c4d6;
}
body fieldset input[type='time'],
body fieldset select[type='time'],
body fieldset textarea[type='time'],
body fieldset input[type='date'],
body fieldset select[type='date'],
body fieldset textarea[type='date'] {
  width: 20.6%;
  height: 35px;
  color: #c0c4d6;
}
body fieldset input[type='checkbox'],
body fieldset select[type='checkbox'],
body fieldset textarea[type='checkbox'] {
  color: #606266;
}
body fieldset input[type='submit'],
body fieldset select[type='submit'],
body fieldset textarea[type='submit'] {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
  margin-left: 75px;
}
body fieldset input[type='submit']:hover,
body fieldset select[type='submit']:hover,
body fieldset textarea[type='submit']:hover {
  transition: 250ms;
  background-color: #66b1ff;
}
body fieldset input[type='reset'],
body fieldset select[type='reset'],
body fieldset textarea[type='reset'] {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
body fieldset input[type='reset']:hover,
body fieldset select[type='reset']:hover,
body fieldset textarea[type='reset']:hover {
  transition: 250ms;
  background-color: #ecf5ff;
  border-color: #c6e2ff;
  color: #409eff;
}
body fieldset input[type='file'],
body fieldset select[type='file'],
body fieldset textarea[type='file'] {
  opacity: 0;
}
body fieldset input[type='range'],
body fieldset select[type='range'],
body fieldset textarea[type='range'] {
  width: 335px;
}
body fieldset .upload {
  border: 1px solid #409eff;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  padding-left: 0.7rem;
  background-color: #409eff;
  border-radius: 4px;
}
body fieldset .upload label {
  color: #fff;
}
body fieldset .textarea {
  display: flex;
}
body fieldset .textarea > textarea {
  font-size: 15px;
  padding: 5px 15px;
}
body fieldset option[data-style='area'] {
  color: #606266;
}
body fieldset .divider {
  margin: 2rem 0;
  border-bottom: 2px dashed #f0f2f5;
}
body fieldset section label {
  display: block;
  margin-bottom: 28px;
}
body fieldset section .tips {
  font-size: 12px;
  color: #c1c1c1;
}
body fieldset .btnContainer {
  width: 100%;
  text-align: right;
  padding: 5px;
}
body fieldset .btnContainer #moreBtn {
  color: #409eff;
  font-size: 15px;
  cursor: pointer;
}
